<template>
  <div class="application-info-container">
    <van-cell-group v-for="(item, index) in applicationList" :key="index">
      <van-cell>
        <van-row>
          <van-col span="16">申请编号：
            <router-link class="router-link"
            :to="'/detailApplication/'+item.id"
            >
            {{item.userName || '-'}}
            </router-link>
          </van-col>
          <van-col span="8" style="text-align: right">
            <van-tag type="warning">{{item.name2 || '-'}}</van-tag>
          </van-col>
        </van-row>
      </van-cell>
      <van-cell>
        <van-row class="">
          <van-col span="12">客户：{{item.contact || '-'}}</van-col>
          <van-col span="12">客户手机：{{item.name4 || '-'}}</van-col>
        </van-row>
      </van-cell>
      <van-cell>
        <van-row class="">
          <van-col span="12">贷款类型：公积金贷款</van-col>
          <van-col span="12">申请日期：2018-09-23</van-col>
        </van-row>
      </van-cell>
      <van-cell>
        <van-row class="">
          <van-col span="12">贷款金额：150,000.00元</van-col>
          <van-col span="12">借款期限：2年</van-col>
        </van-row>
      </van-cell>
      <van-cell>
        <van-row class="">
          <van-col span="12">预约网点：XXX网点</van-col>
          <van-col span="12">预约日期：2018-09-25</van-col>
        </van-row>
      </van-cell>
    </van-cell-group>
  </div>
</template>
<script lang="ts">
import { Component, Vue, Prop } from 'vue-property-decorator'
import { Cell, CellGroup, Col, Row, Tag, Button } from 'vant'
@Component({
  name: 'ApplicationInfo',
  components: {
    [CellGroup.name]: CellGroup,
    [Col.name]: Col,
    [Row.name]: Row,
    [Cell.name]: Cell,
    [Tag.name]: Tag,
    [Button.name]: Button
  }
})

export default class extends Vue {
  @Prop({ required: false }) private applicationList!: any[]

  private active: number = -1
}
</script>

<style lang="scss">
.application-info-container {
 }
</style>

<style lang="scss" scoped>
.application-info-container {
  .van-cell-group{
    margin-bottom: 10px;
    .van-cell{
      padding: 2px 16px;
      .router-link{
        color: #1c35fa;
        border-bottom: 1px solid #1c35fa ;
      }
    }
    .van-cell:not(:last-child)::after{
      border-bottom: none;
    }
  }
}
</style>
